<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 选择器
    // *       0
    // 类型选择器   1
    // class       10
    // id          100 
    // 包含选择     权重之和
    // 群组选择器   算自己的
    // 伪类选择器   :link :visited  :hover :active  10
    // 伪元素       ::before  ::after
    
    // css3新增
    // 伪类选择器
    // 结构性伪类  :nth-child :nth-of-type
    // :target  :not  :checked  :focus

    // 属性选择器  []

    // > +  ~ 


</script>
</html>